<div>
  <div class="row">
    <label class="label" for="category">分类：</label>
    <nz-select id="category" [(ngModel)]="formData.tagClassify" nzPlaceHolder="请选择" [nzBackdrop]="true" nzAllowClear nzShowSearch>
      <nz-option [nzValue]="c['content']" [nzLabel]="c['name']"
                 *ngFor="let c of category"></nz-option>
    </nz-select>
  </div>
  <div class="row">
    <label class="label" for="tageContent"><span>*</span>标签内容：</label>
    <nz-select id="tageContent" [(ngModel)]="formData.tagContent" nzPlaceHolder="请选择" [nzBackdrop]="true"
               [disabled]="!!formData.customContent" nzAllowClear nzShowSearch>
      <nz-option [nzValue]="c['content']" [nzLabel]="c['name']"
                 *ngFor="let c of tageContent"></nz-option>
    </nz-select>
  </div>
  <div class="row">
    <label class="label"></label>
    <input style="margin-top: 4px" maxlength="20" nz-input placeholder="自定义内容" [disabled]="!!formData.tagContent" [(ngModel)]="formData.customContent"/>
  </div>
  <div class="row">
    <label class="label">备注：</label>
    <nz-textarea-count [nzMaxCharacterCount]="100">
      <textarea rows="4" maxlength="100" nz-input [(ngModel)]="formData.remark"></textarea>
    </nz-textarea-count>  </div>
</div>
<div class="footer">
  <button nzType="default" nz-button (click)="cancel()">取消</button>
  <button nzType="primary" nz-button (click)="save()">确认</button>
</div>
